<div class="modal-header">
  <h4 class="modal-title">Welcome to Mockoon{{ isWeb ? ' web' : '' }}!</h4>
</div>
<div class="modal-body">
  <p>
    Thank you for {{ isWeb ? 'using' : 'installing' }} Mockoon
    {{ isWeb ? ' web' : '' }}. We hope you will enjoy using it as much as we
    enjoyed building it. If you have any questions, please refer to the
    <a href="https://mockoon.com/docs/latest/about/" target="_blank"
      >documentation</a
    >
    or <a href="https://mockoon.com/contact/" target="_blank">contact us</a>.
  </p>
  @if (isWeb) {
    <p>
      <small>
        <app-svg icon="science" class="me-2 text-warning"></app-svg>This web
        version is currently in early access and available exclusively to our
        Cloud customers. You can
        <a href="https://mockoon.com/pricing/" target="_blank">
          test it for free for 7 days</a
        >. Read our
        <a
          href="https://mockoon.com/blog/introducing-mockoon-cloud-web-app/"
          target="_blank"
          >announcement</a
        >
        for more information.
      </small>
    </p>
  } @else {
    <p>
      While you're here, Mockoon is a free and open-source project built by
      dozens of contributors. If you find it valuable, please consider
      <a href="https://mockoon.com/sponsor-us/" target="_blank">supporting us</a
      >!
    </p>
  }
</div>
<div class="modal-footer">
  @if (isWeb) {
    <button
      type="button"
      class="btn btn-primary modal-close"
      (click)="close(false)"
    >
      Start using Mockoon {{ isWeb ? ' web' : '' }}
    </button>
  } @else {
    <button
      type="button"
      class="btn btn-primary modal-close"
      (click)="close(true)"
    >
      Take the tour
    </button>
    <button type="button" class="btn btn-secondary" (click)="close(false)">
      No thanks
    </button>
  }
</div>
